﻿@model IEnumerable<YogaStudio.Data.Domain.OrderItem>

@{
    ViewBag.Title = "PurchasedOrderItems";
}


<div class="main">
    <div class="content">
        <div class="section group">
            <div class="col span_2_of_3">
                <div class="contact-form">
                    <h3>Your Items</h3>
                    <div class="datagrid">
                        <table id="box-table-a">
                            <tr>
                                <th>
                                    @Html.DisplayNameFor(model => model.Product.Category.CategoryName)
                                </th>
                                <th scope="col">
                                    @Html.DisplayNameFor(model => model.Product.ProductName)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.Quantity)
                                </th>
                                <th scope="col">
                                    Total Price
                                </th>
                            </tr>

                            @foreach (var item in Model)
                            {
                                <tr>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.Product.Category.CategoryName)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.Product.ProductName)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.Quantity)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.Price)
                                    </td>

                                </tr>
                            }

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>